<template>
    <div class="box">

        <img src="../../assets/image.png" alt="">
        <van-button @click="delFun()" round block style="background: pink; color: #fff; font-size: 17px;"
            native-type="submit">
            退出登录
        </van-button>



        <van-tabbar v-model="active">
            <van-tabbar-item icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item icon="search">商城</van-tabbar-item>
            <van-tabbar-item icon="friends-o">直播</van-tabbar-item>
            <van-tabbar-item icon="setting-o">我</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { swiperdataApi } from '@/api/api';
let list = ref("")
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()
const delFun = () => {
    router.push('/login')
    localStorage.clear()
}
</script>

<style lang="scss" scoped></style>